<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>支付结果</title>
  <meta name="author" content="志浩">
  <meta name="description" content="普济一城">
  <meta name="viewport" content="initial-scale=1,maximum-scale=1">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="transparent">
  <meta name="format-detection" content="telephone=no,email=no">
  <link rel="stylesheet" type="text/css" href="../../css/sm.min.css">
  <link rel="stylesheet" type="text/css" href="../../css/sm-extend.min.css">
  <link rel="stylesheet" type="text/css" href="../../css/base.css">
  <link rel="stylesheet" type="text/css" href="../../css/service/complete.css">
</head>
<body>
  <!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
  <div class="page-group">
    <!-- 单个page ,第一个.page默认被展示-->
    <div class="page">
        <!-- 标题栏 -->
      <header class="bar bar-nav">
        <button class="button pull-right complete">
        完成
        </button>
        <h1 class="title">支付结果</h1>
      </header>
      <div class="content">
        <!-- 红色背景区域 -->
        <div class="main_top">
          <div class="suc_icon"></div>
          <p>购买成功</p>
        </div>
        <!-- 订单信息 -->
        <div class="order_wrap">
          <div class="order_top">
            <span class="s_left s_title" id="service_name">安装空调</span>
            <div class="s_right">
              <span id="to_detail" class="s_left to_detail">查看订单详情</span>
              <a class="icon icon-right pull-left"></a>
            </div>
          </div>
          <div class="order_body">
            <p class="creat_time">服务时间 : <span id="service_time">2018-02-23   19:30</span></p>
            <div class="QRCode">
              <div class="QRCode_img" id="QRCode_img"></div>
              <p>向商家出示此券即可</p>
            </div>
            <div class="code">
              验证码 : <span id="service_code">2334 2234 34</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript" src="../../js/zepto.min.js"></script>
  <script type="text/javascript" src="../../js/sm.min.js"></script>
  <script type="text/javascript" src="../../js/sm-extend.min.js"></script>
  <script type="text/javascript" src="../../js/layer.js"></script>
  <script type="text/javascript" src="../../js/common.js"></script>
  <script type="text/javascript" src="../../js/service/qrcode.js"></script>
  <script type="text/javascript" src="../../js/service/complete.js?v=1.0.3"></script>
</body>
</html>